.content{
    background: #f6f6f6;
    z-index: -2;
    padding-bottom:60rpx ;
    // 顶部橘黄色背景
    .background{
        width: 750rpx;
        height: 138rpx;
        background: #f6a526;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
    }
    .content-list {
        position: relative;
        padding: 28rpx;
        margin:0rpx 25rpx 18rpx 25rpx;
        border-radius: 16rpx;
        background: #fff;
        // margin: 24rpx;
        margin-top: 0;
        .border{
            position: absolute;
            top: 32rpx;
            left: 0;
            width: 6rpx;
            height: 40rpx;
            background-color: #F6A526;
  
        }
        
        .list-h1{
          display: flex;
            font-size: 26rpx;
            color: #9e9e9e;
            margin-bottom: 33rpx;   
            &:last-child {
                margin-bottom: 0;
                
               
            }
            text{
                &:last-child{
                    color: #343434;
                    font-size: 26rpx;
                    margin-left: 15rpx;
  
                }
            }
        }
        .list-h2{
          font-size: 26rpx;
          margin-bottom: 33rpx;
          color: #9e9e9e;
          text{
            &:nth-child(1){
              margin-right: 12rpx;
            }
              &:last-child{
                  color: #343434;
              }
          }
          
      }
      }
   
     //第三块单独样式
    .content-three{
      .colorRed{
        color: #FF0000 !important;
      }
        // height: 647rpx;
        // box-sizing: border-box;
        .list-h1{
            display: flex;
            .list-left{
                flex: 1;
                
            }
            .list-right{
                flex: 1;
            }
        }
        .last-h1{
            margin-bottom: 38rpx !important;
            .list-left{
              .text-h2{
                color: #FF0000;
              }
            }
           
        }
        .order{
          color: #FF0000 !important;
        }
    }
        //   两个按钮
        .client-button{
            left: 0;
            width: 100%;
            display: flex;
            justify-content: space-around;
            position: fixed;
            bottom: 27rpx;
            // padding: 0 60rpx;
            box-sizing: border-box;
         padding: 0 24rpx;
            
            button{
              display: inline-block;
              width: 250rpx;
              line-height: 80rpx;
              height: 80rpx;
              
              font-size: 28rpx;
              text-align: center;
              border-radius: 10rpx;
              padding: 0;
              width: 200rpx;
                height: 80rpx;
                color: #FFFFFF;
                font-size: 30rpx;
                font-family: PingFang-SC-Regular;
            }
            .cancel{
              background: #FF0000;
            }
            .anew{
              background: #F6A526;
              margin: 0;
            }
            .driver{
              background: #FF0000;
            }
          }
   
  }
  // 弹框样式
  .wx-popup {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, .5);
      .popupBackground{
        width: 638rpx;
        height: 725rpx;
        border-radius: 10rpx;
        background: #FFFFFF;
        position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    width: 638rpx;
    box-sizing: bordre-box;
    transform: translate(-50%, -50%); 
        .title{
            height: 130rpx;
            text-align: center;
            line-height: 142rpx;
            color: #ffffff;
            font-size: 34rpx;
        }
        .bottom{
            margin: 0 40rpx;
            .driver{
                text{
                    height: 90rpx;
                   line-height: 90rpx;
                }
            }
            .h1,.h2{
                margin-bottom: 33rpx;
            }
            
            .h1{
                text{
                    &:nth-child(1){
                        margin-right: 15rpx;
                    }
                }
               
            }
            .h2{
                display: flex;
                .left{
                    flex:3;
                    text{
                        &:nth-child(1){
                            margin-right: 15rpx;
                        }
                    }
                }
                .right{
                    flex: 2;
                    text{
                        &:nth-child(1){
                            margin-right: 15rpx;
                        }
                    }
                }
            }
            
                text{
                    color:#666666;
                    font-size: 28rpx;
                }
                .receipts{
                  margin-top: 40rpx;
                    image{
                        width: 558rpx;
                        height: 212rpx;
                        background: #ccc;
                    }
                }
                .btn{
                  width:556rpx ;
                  height: 70rpx;
                  text-align: center;
                  line-height: 70rpx;
                  background: #f6a526;
                  color: #FFFFFF;
                  margin-top: 40rpx;
                  border-radius: 35rpx;
                }
                .field-index--van-field{
                  height: 98rpx;
                }
        }
        .img{
            image{
                width: 638rpx;
                height: 740rpx;
                position: absolute;
                float: left;
                z-index: -1;
            }
        }
        .cancel{
            position: absolute;
            width: 57rpx;
                height: 57rpx;
                top: 790rpx;
            left: 50%;
           transform: translateX(-28.5rpx);
            z-index: 2;
                image{
                  width: 57rpx;
                  height: 57rpx;
                }
        }
    }
  }